img {
    pointer-events: none;
}
/* .accordion */
.accordion { height:362px;overflow: hidden;position:relative; }
.accordion:after { content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff; }
.accordion._create:after { display: none; }

.accordion__ul { display:block;list-style: none;margin: 0;padding: 0;width:9999px;height:362px;overflow:hidden;position:absolute;left:0;top:0; }
.accordion__li { display:block;list-style: none;margin: 0;padding: 0;height:362px;float:left;overflow: hidden; transition: all 0.3s ease-out; margin-right:4px; position:relative; background:#000; }
.accordion__img { display: block;cursor: pointer; opacity:0.7; }
.index-an{ position:absolute; top:50%; transform:translateY(-50%); left:40%; text-align:center;}
.index-an p{ font-weight:bold; font-size:18px; color:#fff;}
.accordion__li:hover .index-an{ left:50%; transform:translateX(-50%;)}
.wenben{ width:242px; background:#383838; color:#fff; position:absolute; bottom:0; left:0; padding:30px 0 30px 30px; opacity:0;}
.wenben h1{ font-size:24px; font-weight:bold; font-weight:bold; background:url(../images/yjt.png) no-repeat 55% center}
.wenben p{ font-size:16px; font-family:"Arial"; opacity:0.5;}
.wenben a{ color:#fff;}
.wenben a:hover{ color:#fff;}
.accordion__li:hover .wenben{ opacity:1;}
.index-video{ width:100%; height:100%; position:absolute; top:0; left:0; background:#000;}

@media (max-width: 479px) {
	.accordion{ display:none;}
	}